<meta charset="UTF-8">
<style>
    img{
        width: 1000px;
        height: 500px;
    }
</style>
<img src="./imgs/loading.gif" src-real="./imgs/1.jpeg" alt=""><br>
<img src="./imgs/loading.gif" src-real="./imgs/2.jpeg" alt=""><br>
<img src="./imgs/loading.gif" src-real="./imgs/3.jpeg" alt=""><br>
<img src="./imgs/loading.gif" src-real="./imgs/4.jpeg" alt=""><br>
<img src="./imgs/loading.gif" src-real="./imgs/5.jpeg" alt=""><br>
<img src="./imgs/loading.gif" src-real="./imgs/6.jpeg" alt=""><br>
<img src="./imgs/loading.gif" src-real="./imgs/7.jpeg" alt=""><br>
<img src="./imgs/loading.gif" src-real="./imgs/8.jpeg" alt=""><br>
<script src="./lazyload.js"></script>